<!DOCTYPE html>
<html>
	<head>
		<?php echo $this->Html->charset(); ?>
		<title>
			<?php echo $title_for_layout; ?>
		</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />    
		<!--[if gt IE 8]>
			<meta http-equiv="X-UA-Compatible" content="IE=edge" />        
		<![endif]-->          
		<?php
		echo $this->Html->meta('icon');
		echo $this->Html->css(array(
			'bootstrap',
			'animate',
			'restclient',
			//'luckydraw'
			));
		echo $this->fetch('meta');
		echo $this->fetch('css');
		?>
		<?php
		echo $this->Html->script(array(
			'jquery-1.8.3.min',
			'jquery',
			'jquery.mousewheel.min',
			'bootstrap.min'
		));
		echo $this->fetch('script');
		?>
	</head>
	<body data-spy="scroll" data-target=".subnav" data-offset="50">
		<div class="navbar navbar-fixed-top hide showForStartup" style="display: block;">
			<div class="navbar-inner">
				<div class="container-fluid">
					<a class="brand" href="http://www.restclient.net/">RESTClient</a>
					<div class="nav-collapse">
						<ul class="nav">
							<li class="dropdown">
								<a class="dropdown-toggle" data-toggle="dropdown" href="#">File <b class="caret"></b></a>
								<ul class="dropdown-menu">
									<li><a style="cursor:pointer" onclick="restclient.main.loadRequest();
											return false;">Load request</a></li>
								</ul>
							</li>
							<li class="dropdown">
								<a class="dropdown-toggle" data-toggle="dropdown" href="#">Authentication <b class="caret"></b></a>
								<ul class="dropdown-menu">
									<li class="nav-header">HTTP authentication</li>
									<li><a onclick="restclient.main.showModal('modal-basic-authorization');">Basic Authentication</a></li>
									<li class="hide"><a onclick="restclient.main.showModal('modal-digest-authorization');">Digest Authentication</a></li>
									<li class="divider"></li>
									<li class="nav-header">OAuth Protocol</li>
									<li><a onclick="$('#window-oauth').show();">OAuth</a></li>
									<li><a onclick="restclient.oauth2.showDialog();">OAuth2</a></li>
								</ul>
							</li>
							<li class="dropdown">
								<a class="dropdown-toggle" data-toggle="dropdown" href="#">Headers <b class="caret"></b></a>
								<ul class="dropdown-menu headers">
									<li class="custom-header">
										<a href="#" onclick="restclient.main.showModal('modal-custom-header');
											return false;">Custom Header</a>
									</li>
									<li></li>
									<li class="divider"></li>
									<li><a href="#" onclick="restclient.main.clearFavoriteHeaders();
											return false;">Clear Favorites</a></li>
								</ul>
							</li>
							<li class="dropdown">
								<a class="dropdown-toggle" data-toggle="dropdown" href="#">View <b class="caret"></b></a>
								<ul class="dropdown-menu">
									<li><a style="cursor:pointer" onclick="restclient.main.showRequest();
											return false;" class="request-menu">Request</a></li>
									<li><a style="cursor:pointer" onclick="restclient.main.showResponse();
											return false;">Response</a></li>
								</ul>
							</li>
						</ul>
						<ul class="nav pull-right">
							<li class="dropdown">
								<a class="dropdown-toggle" data-toggle="dropdown" href="#">Setting <b class="caret"></b></a>
								<ul class="dropdown-menu">
									<li class="nav-header">Layout</li>
									<li><a style="cursor:pointer" class="toggle-page-layout" data-layout="percentage">Switch to fixed page layout</a></li>
									<li><a style="cursor:pointer" class="toggle-header-layout" data-layout="tag">List request headers in table</a></li>
									<li class="divider"></li>
									<li class="nav-header">Develop</li>
									<li><a style="cursor:pointer" class="toggle-request-timer" data-timer="enable">Disable request execution timer</a></li>
									<li class="divider"></li>
									<li class="nav-header">Skins (bootswatch.com)</li>
									<li><a href="#">Cerulean</a></li>
									<li><a href="#">Journal</a></li>
									<li><a href="#">Readable</a></li>
									<li><a href="#">Simplex</a></li>
									<li><a href="#">United</a></li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<div id="request" class="hide showForStartup container-fluid" style="display: block;">
			<div class="row-fluid">
				<h3 style="color: #999;">[<a href="#" class="toggle-request" title="hotkey: alt+q" style="color: #999;">-</a>] Request</h3>
				<div id="request-container" style="margin-bottom: 10px;">
					<div id="request-error"></div>
					<div id="request-form" class="well">
						<form action="" class="form-inline" style="margin-bottom:0px" method="POST" onsubmit="return false;">
							<label style="margin: 0 5px; width: 45px;">Method</label>
							<input style="magin:0; width: 80px;" id="request-method" placeholder="GET" data-provide="typeahead" data-items="4" data-source="[&quot;GET&quot;,&quot;POST&quot;,&quot;PUT&quot;,&quot;DELETE&quot;,&quot;OPTIONS&quot;,&quot;HEAD&quot;,&quot;TRACE&quot;,&quot;CONNECT&quot;]" value="GET" type="text" />
							<span style="width:20px; padding: 4px; margin: 0 0 0 -4px" class="request-method-dropdown dropdown">
								<a title="hotkey: m" rel="tooltip" class="dropdown-toggle" data-toggle="dropdown" href="#">
									<i class="request-method-icon icon-chevron-down"></i>
								</a>
								<ul id="request-method-list" class="dropdown-menu">
									<li><a>GET</a></li>
									<li><a>POST</a></li>
									<li><a>PUT</a></li>
									<li><a>DELETE</a></li>
									<li><a>OPTIONS</a></li>
									<li><a>HEAD</a></li>
									<li><a>TRACE</a></li>
									<li><a>CONNECT</a></li>
								</ul>
							</span>
							<label style="margin: 0 5px 0 15px; width: 25px;">URL</label>
							<input title="hotkey: u" rel="tooltip" id="request-url" name="request-url" autocomplete="on" style="margin: 0 auto; width: -moz-calc(100% - 380px);" placeholder="http://www.example.com" type="url"><span style="width:45px; padding: 4px; margin: 0 0 0 -2px" class="request-url-icons" />
							<i class="favorite-icon icon-star-empty"></i>
							<span class="dropdown">
								<a class="dropdown-toggle" data-toggle="dropdown" href="#">
									<i class="favorite-list-icon icon-chevron-down"></i>
								</a>
								<ul id="request-url-list" class="dropdown-menu">
									<li><a>http://dev.youlook.net/api/node</a></li><li><a>http://localhost.com/rp.php</a></li>
								</ul>
							</span>
							</span>
							<button title="hotkey: s" rel="tooltip" id="request-button" type="submit" class="btn btn-danger" style="margin: 0 0 0 15px; padding: 4px 15px;">
								SEND
							</button>
						</form>
						<label class="checkbox overrideMimeType hide">
							<input id="overrideMimeType" value="text/xml; charset=x-user-defined" type="checkbox">
							Allow image preview (overrideMimeType with "text/xml; charset=x-user-defined")
						</label>
					</div>
					<div style="display: block;" class="well hide" id="request-headers">
						<h4 style="margin: 8px 5px 16px 6px;">Headers <span class="request-header-reset"><a onclick="restclient.main.removeHttpRequestHeaders();"><i class="icon-trash"></i> Remove All</a></span></h4>
						<div class="tag">
							<span header-value="utf-8" header-name="Accept-Charset" title="Accept-Charset: utf-8" data-header-id="3306c61d023ef9176e7db0e2725b9016305f989b" class="label">
								Accept-Charset: utf-8
								<a class="close">×</a>
							</span>
							<span header-value="text/html" header-name="Content-Type" title="Content-Type: text/html" data-header-id="517611f3a65fe8253ddadb5a813b7939f74c5f46" class="label">
								Content-Type: text/html
								<a class="close">×</a>
							</span>
						</div>
						<div class="table" style="display:none;">
							<table class="table table-striped table-bordered table-condensed" style="margin:0;">
								<thead>
									<tr>
										<th class="center"><b>Header Name</b></th>
										<th class="center"><b>Header Value</b></th>
									</tr>
								</thead>
								<tbody>
									<tr data-header-id="3306c61d023ef9176e7db0e2725b9016305f989b" header-value="utf-8" header-name="Accept-Charset" class="headers">
										<td>Accept-Charset</td><td>utf-8<input class="btn btn-mini btn-danger hide" style="float:right;" value="Remove" type="button"></td>
									</tr>
									<tr data-header-id="517611f3a65fe8253ddadb5a813b7939f74c5f46" header-value="text/html" header-name="Content-Type" class="headers">
										<td>Content-Type</td>
										<td>
											text/html
											<input class="btn btn-mini btn-danger hide" style="float:right;" value="Remove" type="button" />
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
					<div class="well" style="margin-bottom:0px;">
						<h4 style="margin-left: 6px;">Body</h4>
						<textarea title="hotkey: b" rel="tooltip" id="request-body" style="width: 99%; margin: 0px; height: 60px;" placeholder="Request Body">
						</textarea>
					</div>
				</div>
			</div>
		</div>

		<section id="response" class="hide container-fluid" style="margin-top: 5px; display: block;">
			<h3 style="color: #999;">[<a href="#" class="toggle-response" title="hotkey: alt+s" style="color: #999;">-</a>] Response</h3>
			<div id="response-container">
				<div class="overrideMimeTypeMessage"></div>
				<ul id="response-tabs" class="nav nav-tabs">
					<li class="active"><a title="hotkey: 1" rel="tooltip" data-toggle="tab" href="#response-headers">Response Headers</a></li>
					<li class=""><a title="hotkey: 2" rel="tooltip" data-toggle="tab" href="#response-body-raw">Response Body (Raw)</a></li>
					<li class=""><a title="hotkey: 3" rel="tooltip" data-toggle="tab" href="#response-body-highlight">Response Body (Highlight)</a></li>
					<li class=""><a title="hotkey: 4" rel="tooltip" data-toggle="tab" href="#response-body-preview">Response Body (Preview)</a></li>
				</ul>
				<div class="tab-content">
					<div class="tab-pane active" id="response-headers">
						<pre></pre>
					</div>
					<div class="tab-pane" id="response-body-raw">
						<pre style="margin-left:0px"></pre>
					</div>
					<div class="tab-pane" id="response-body-highlight">
						<pre class="prettyprint linenums" style="margin-left:0px; padding: 5px 0;"></pre>
					</div>
					<div class="tab-pane" id="response-body-preview">
						<div class="pre" style="margin-left:0px;padding: 0;"></div>
					</div>
				</div>
				<br>
				<br>
				<br>
			</div>
		</section>

		<footer class="footer hide showForStartup container-fluid" style="display: block;">
			<p style="float:left">
				<a href="http://www.restclient.net/" target="_blank">Home</a> | 
				<a href="https://github.com/chao/RESTClient" target="_blank">Github</a> | 
				<a href="https://github.com/chao/RESTClient/issues" target="_blank">Issues</a> | 
				<a href="#" onclick="restclient.main.donate();
											return false;">Donate</a>
			</p>
			<p class="pull-right"><a href="#">Back to top</a></p>
		</footer>

		<div style="display: none;" class="modal fade hide" id="modal-basic-authorization">
			<div class="modal-header">
				<a class="close btnClose">×</a>
				<h3>Basic Authorization</h3>
			</div>
			<div class="modal-body">
				<div class="control-group">
					<label for="username">Username</label> 
					<div class="controls">
						<input class="span5" style="width:-moz-calc(100% - 1em) !important;" name="username" autocomplete="on" placeholder="Username" type="text" /> 
						<span class="help-block hide"></span>
					</div>
				</div>
				<div class="control-group">
					<label for="password">Password</label>
					<div class="controls">
						<input class="span5" style="width:-moz-calc(100% - 1em) !important;" name="password" autocomplete="on" placeholder="Password" type="password" />
						<span class="help-block hide"></span>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<div style="float:left;margin-top:8px; ">
					<input name="remember" style="margin-right: 6px;" type="checkbox" />
					<span style="margin-top: 10px;">Remember me</span>
				</div>
				<input class="btn btn-inverse" value="Okay" onclick="restclient.main.addBasicAuthorization();" type="button" />
				<input class="btn btnClose" value="Cancel" type="button" />
			</div>
		</div>
		<div style="display: none;" class="modal fade hide" id="modal-custom-header">
			<div class="modal-header">
				<a class="close btnClose">×</a>
				<h3>Request Header</h3>
			</div>
			<div class="modal-body">
				<div class="control-group">
					<label for="name">Name</label> 
					<div class="controls">
						<input value="Content-Type" class="span5" style="width:-moz-calc(100% - 1em) !important;" name="name" autocomplete="on" placeholder="example: Content-Type" data-provide="typeahead" data-items="4" data-source="[&quot;Accept&quot;,&quot;Accept-Charset&quot;,&quot;Accept-Encoding&quot;,&quot;Accept-Language&quot;,&quot;Cache-Control&quot;,&quot;Connection&quot;,&quot;Content-Length&quot;,&quot;Content-Type&quot;,&quot;Expect&quot;,&quot;If-Match&quot;,&quot;If-Modified-Since&quot;,&quot;If-None-Match&quot;,&quot;If-Range&quot;,&quot;If-Unmodified-Since&quot;,&quot;Max-Forwards&quot;,&quot;Pragma&quot;,&quot;Range&quot;,&quot;Referer&quot;,&quot;User-Agent&quot;,&quot;Via&quot;,&quot;X-Requested-With&quot;,&quot;X-Do-Not-Track&quot;,&quot;DNT&quot;]" type="text" />
						<span style="display: none;" class="help-block hide"></span>
					</div>
				</div>
				<div class="control-group">
					<label for="value">Value</label>
					<div class="controls">
						<input value="text/html" class="span5" style="width:-moz-calc(100% - 1em) !important;" name="value" autocomplete="on" placeholder="example: application/json" data-provide="typeahead" data-items="4" data-source="[&quot;application/x-www-form-urlencoded&quot;,&quot;text/plain&quot;,&quot;text/html&quot;,&quot;application/json&quot;]" type="text" />
						<span style="display: none;" class="help-block hide"></span>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<div style="float:left;margin-top:8px; ">
					<input name="remember" style="margin-right: 6px;" type="checkbox" />
					<span style="margin-top: 10px;">Save to favorite</span>
				</div>
				<input class="btn btn-inverse" value="Okay" onclick="restclient.main.addCustomHeader();" type="button" />
				<input class="btn btnClose" value="Cancel" type="button" />
			</div>
		</div>
		<div class="modal fade hide" id="modal-save-request">
			<div class="modal-header">
				<a class="close btnClose">×</a>
				<h3 class="title">Save Current Request</h3>
			</div>
			<div class="modal-body">
				<form class="offset1" onsubmit="return false;">
					<div class="control-group">
						<label for="saved-request-name">Request Name</label>
						<div class="controls">
							<input size="200" name="saved-request-name" style="width: 200px;" placeholder="GET request to example.com" required="" data-provide="typeahead" data-items="4" data-source="" type="text" />
							<p class="help-block hide">Please give this request a name for future usage.</p>
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<input class="btn btnOkay btn-inverse" value="Save" onclick="restclient.main.saveCurrentRequest();" type="button" />
				<input class="btn btnClose" value="Cancel" type="button" />
			</div>
		</div>
		<div class="modal fade hide" id="modal-save">
			<div class="modal-header">
				<a class="close btnClose">×</a>
				<h3 class="title">Save</h3>
			</div>
			<div class="modal-body">
				<form class="offset1" onsubmit="return false;">
					<div class="control-group">
						<label for="saved-name">Name</label>
						<div class="controls">
							<input size="200" name="saved-name" style="width: 200px;" placeholder="GET request to example.com" required="" data-provide="typeahead" data-items="4" data-source="" type="text" />
							<p class="help-block hide">Please give this request a name for future usage.</p>
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<input class="btn btnOkay btn-inverse" value="Save" type="button">
				<input class="btn btnClose" value="Cancel" type="button">
			</div>
		</div>
		<div class="modal fade hide" id="modal-oauth-view">
			<div class="modal-header">
				<a class="close btnClose">×</a>
				<h3 class="title">OAuth</h3>
			</div>
			<div class="modal-body">
				<textarea style="width: 99%; min-height: 100px;"></textarea>
			</div>
			<div class="modal-footer">
				<input class="btn btnOkay btn-inverse btnAutoRefresh" value="Auto refresh" type="button" />
				<input class="btn btnOkay btn-inverse btnRefresh" value="Refresh" type="button" />
				<input class="btn btnClose" value="Close" type="button" />
			</div>
		</div>
		<div class="mainOverlay hide">
			<div class="progressBar">
				<h3>Processing</h3>
				<p class="status">Sending data...</p>
				<div class="progress progress-danger progress-striped active">
					<div class="bar" style="width: 20%"></div>
				</div>
				<p><a class="btn btn-danger" onclick="restclient.http.abortRequest();">Abort</a></p>
			</div>
		</div>
		<div id="window-manage-request" class="window-overlay" style="display:none">
			<div class="window">
				<div class="window-wrapper clearfix">
					<a class="close btnClose">×</a>
					<h4>Favorite Requests</h4>
					<div class="accordion" id="favorite-request-list">

					</div>
				</div>
				<!-- end window-wrapper //-->
			</div>
		</div>
		<div id="window-oauth" class="window-overlay" style="display:none">
			<div class="window">
				<div class="window-wrapper clearfix">
					<div class="window-header">
						<a class="close btnClose">×</a>
						<h3>OAuth</h3>
					</div>
					<div class="window-content">
						<ul class="nav nav-tabs">
							<li class="active"><a href="#signature-request" data-toggle="tab">Signature for this request</a></li>
							<li><a href="#oauth-setting" data-toggle="tab">OAuth setting</a></li>
						</ul>
						<div class="tab-content">
							<div class="tab-pane active" id="signature-request">
								<form class="form-horizontal" onsubmit="return false;">
									<div class="control-group">
										<label for="consumer_key" class="control-label">Consumer key</label>
										<div class="controls">
											<input name="consumer_key" class="input-xxlarge" placeholder="lPvnpgox1rS9xTy8p0DRtudP" type="text" />
										</div>
									</div>
									<div class="control-group">
										<label for="consumer_secret" class="control-label">Consumer secret</label>
										<div class="controls">
											<input name="consumer_secret" class="input-xxlarge" placeholder="lPvnpgox1rS9xTy8p0DRtudPePWNqtSjfkSqgFg" type="text" />
										</div>
									</div>
									<div class="control-group">
										<label for="access_token" class="control-label">Access token</label>
										<div class="controls">
											<input name="access_token" class="input-xxlarge" placeholder="1405721-iICeQLXdqTlEuYx2ipSlpa1KkPhnbxiN9KJporshQ" type="text" />
										</div>
									</div>
									<div class="control-group">
										<label for="access_token_secret" class="control-label">Access token secret</label>
										<div class="controls">
											<input name="access_token_secret" class="input-xxlarge" placeholder="LgrNoNX4JNT3v03b2j6hPqQf6gHntUX5uI0CTLZs" type="text" />
										</div>
									</div>
								</form>
								<div class="modal-footer">
									<div style="float:left;margin-top:8px; ">
										<input style="margin-right: 6px;" name="remember" type="checkbox" />
										<span style="margin-top: 10px;">Remember the setting</span>
									</div>
									<input class="btn btn-info btnClose" value="Close" style="float:right;" onclick="$('#window-oauth').hide();" type="button">
									<div class="btn-group dropup" style="float:right; margin-right: 4px; text-align:left">
										<button class="btn btn-success btnInsertAsHeader" style="padding: 3px 10px;">Insert</button>
										<button class="btn btn-success dropdown-toggle" data-toggle="dropdown" style="padding: 3px 6px;">
											<span class="caret"></span>
										</button>
										<ul class="dropdown-menu pull-right">
											<li><a href="#" class="btnInsertAsHeader">Insert as header</a></li>
											<li class="hide"><a href="#">Insert as query string</a></li>
										</ul>
									</div>

								</div>
							</div>
							<div class="tab-pane" id="oauth-setting">
								<form class="form-horizontal" onsubmit="return false;">
									<div class="infobar" style="width: 85%; margin: 0 auto;"></div>
									<div class="control-group">
										<label class="control-label" for="oauth_signature_method">Signature Methods</label>
										<div class="controls">
											<select name="oauth_signature_method" class="input-xxlarge">
												<option value="HMAC-SHA1" selected="selected">HMAC-SHA1</option>
												<option value="PLAINTEXT">PLAINTEXT</option>
											</select>
										</div>
									</div>
									<div class="control-group">
										<label for="oauth_version" class="control-label">oAuth Version</label>
										<div class="controls">
											<select name="oauth_version" class="input-xxlarge">
												<option value="1.0" selected="selected">1.0</option>
												<option value="2.0">2.0</option>
											</select>
										</div>
									</div>
									<div class="control-group">
										<label for="oauth_realm" class="control-label">Realm</label>
										<div class="controls">
											<div class="input-append">
												<input name="oauth_realm" class="disabled" style="width: 383px;" placeholder="http://sp.example.com/" disabled="disabled" type="text" />
												<span class="add-on">
													<input name="auto_oauth_realm" style="margin-top:0px;margin-right: 6px;" class="disabled" checked="checked" disabled="disabled" type="checkbox" />
													Auto
												</span>
												<span class="add-on">
													<input name="disable_oauth_realm" style="margin-top:0px;margin-right: 6px;" checked="checked" type="checkbox" />
													Disabled
												</span>
												<p style="display: none;" class="help-block error-info hide">Please remove query string or fragment from Realm.</p>
											</div>
										</div>
									</div>
									<div class="control-group">
										<label for="oauth_nonce" class="control-label">oAuth Nonce</label>
										<div class="controls">
											<div class="input-append">
												<input class="input-large disabled" name="oauth_nonce" style="width: 463px;" disabled="disabled" type="text" />
												<span class="add-on">
													<input name="auto_oauth_nonce" style="margin-top:0px;margin-right: 6px;" checked="checked" type="checkbox" />
													Auto
												</span>
											</div>
										</div>
									</div>
									<div class="control-group">
										<label for="oauth_timestamp" class="control-label">oAuth Timestamp</label>
										<div class="controls">
											<div class="input-append">
												<input class="input-large disabled" name="oauth_timestamp" style="width: 463px;" disabled="disabled" type="text" />
												<span class="add-on">
													<input name="auto_oauth_timestamp" style="margin-top:0px;margin-right: 6px;" checked="checked" type="checkbox" />
													Auto
												</span>
											</div>
											<p style="display: none;" class="help-block hide">Tue Mar 20 21:51:29 CST 2012</p>
										</div>
									</div>
								</form>
								<div class="modal-footer">
									<input class="btn btn-success btnOkay" value="Save" type="button">
									<input class="btn btn-info btnClose" value="Close" onclick="$('#window-oauth').hide();" type="button" />
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- end window-wrapper// -->
			</div>
		</div> 
		<div id="window-oauth2" class="window-overlay" style="display:none">
			<div class="window">
				<div class="window-wrapper clearfix">
					<div class="window-header">
						<a class="close btnClose">×</a>
						<h3>OAuth2</h3>
					</div>
					<div class="window-content">
						<ul class="nav nav-tabs">
							<li class="active"><a href="#oauth2-authorize" data-toggle="tab">Authorize</a></li>
							<li><a href="#oauth2-tokens" data-toggle="tab">Tokens</a></li>
						</ul>
						<div class="tab-content">
							<div class="tab-pane active" id="oauth2-authorize">
								<form class="form-horizontal" onsubmit="return false;">
									<div class="control-group">
										<label class="control-label" for="templates">Templates</label>
										<div class="controls">
											<select name="templates" class="input-xxlarge">
												<option selected="selected"></option><option value="Facebook">Facebook</option>
												<option value="Github">Github</option><option value="Google">Google</option>
											</select>
											<p class="help-block hide">Please select a template to remove.</p>
										</div>
									</div>
									<div class="control-group">
										<label class="control-label" for="response_type">Response type</label>
										<div class="controls">
											<select name="response_type" class="input-xxlarge">
												<option value="code" selected="selected">code</option>
											</select>
										</div>
									</div>
									<div class="control-group">
										<label for="client_id" class="control-label">Client identifier</label>
										<div class="controls">
											<input name="client_id" class="input-xxlarge" placeholder="db6b9cfb5e71bfdb7dbb" type="text" />
										</div>
									</div>
									<div class="control-group">
										<label for="client_secret" class="control-label">Client secret</label>
										<div class="controls">
											<input name="client_secret" class="input-xxlarge" placeholder="6794ea094c22e12bd237749ce1f7ee6809787fbc" type="text" />
										</div>
									</div>
									<div class="control-group">
										<label for="authorization_endpoint" class="control-label">Authorization endpoint</label>
										<div class="controls">
											<input name="authorization_endpoint" class="input-xxlarge" placeholder="https://server.example.com/authorize" type="text" />
										</div>
									</div>
									<div class="control-group">
										<label for="token_endpoint" class="control-label">Token endpoint</label>
										<div class="controls">
											<input name="token_endpoint" class="input-xxlarge" placeholder="https://client.example.com/cb" type="text" />
										</div>
									</div>
									<div class="control-group">
										<label for="token_method" class="control-label">Access token request method</label>
										<div class="controls">
											<select name="token_method" class="input-xxlarge">
												<option value="GET">GET</option>
												<option value="POST" selected="selected">POST</option>
											</select>
										</div>
									</div>
									<div class="control-group">
										<label for="redirection_endpoint" class="control-label">Redirection endpoint</label>
										<div class="controls">
											<input name="redirection_endpoint" class="input-xxlarge" placeholder="https://client.example.com/" type="text" />
										</div>
									</div>
									<div class="control-group">
										<label for="scope" class="control-label">Access token scope</label>
										<div class="controls">
											<input name="scope" class="input-xxlarge" placeholder="Read Write" type="text" />
										</div>
									</div>
									<div class="control-group">
										<label for="state" class="control-label">State</label>
										<div class="controls">
											<input name="state" class="input-xxlarge" placeholder="xyz" type="text" />
										</div>
									</div>
								</form>
								<div class="modal-footer">
									<input class="btn btn-info btnClose" value="Close" style="float:right; padding: 5px 10px;" type="button">
									<div class="btn-group dropup" style="float:right; margin: 0 6px; text-align:left">
										<button class="btn btn-success btnAuthorize" style="padding: 4px 10px;" data-loading-text="Fetching accees token">Authorize</button>
										<button class="btn btn-success dropdown-toggle" data-toggle="dropdown" style="padding: 4px 6px;"><span class="caret"></span></button>
										<ul class="dropdown-menu pull-right">
											<li><a href="#" class="btnSaveTemplate">Save as template</a></li>
											<li><a href="#" class="btnRemoveTemplate">Remove current template</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="tab-pane" id="oauth2-tokens">
								<form class="form-horizontal" onsubmit="return false;">
									<div class="control-group">
										<label class="control-label" for="saved_tokens">Saved Tokens</label>
										<div class="controls">
											<select name="saved_tokens" class="input-xxlarge">
												<option selected="selected"></option>
											</select>
										</div>
									</div>
									<div class="control-group">
										<label for="access_token" class="control-label">Access token</label>
										<div class="controls">
											<input name="access_token" class="input-xxlarge" placeholder="lPvnpgox1rS9xTy8p0DRtudP" type="text" />
										</div>
									</div>
									<div class="control-group">
										<label for="expires_in" class="control-label">Expires time</label>
										<div class="controls">
											<input name="expires_in" class="input-xxlarge" readonly="readonly" type="text" />
										</div>
									</div>
									<div class="control-group">
										<label for="refresh_token" class="control-label">Refresh token</label>
										<div class="controls">
											<input name="refresh_token" class="input-xxlarge" type="text" />
										</div>
									</div>
								</form>
								<div class="modal-footer">
									<input class="btn btn-info btnClose" value="Close" style="float:right; padding: 5px 10px;" type="button" />
									<div class="btn-group dropup" style="float:right; margin: 0 6px; text-align:left">
										<button class="btn btn-success btnInsertAsHeader" style="padding: 4px 10px;">Insert</button>
										<button class="btn btn-success dropdown-toggle" data-toggle="dropdown" style="padding: 4px 6px;"><span class="caret"></span></button>
										<ul class="dropdown-menu pull-right">
											<li><a href="#" class="btnInsertAsHeader">Insert as header</a></li>
											<li><a href="#" class="btnInsertAsQueryString">Insert as query string</a></li>
											<li class="divider"></li>
											<li><a href="#" class="btnSaveToken">Save</a></li>
											<li><a href="#" class="btnRemoveToken">Remove</a></li>
										</ul>
									</div>
									<input class="btn btn-success btnRefreshToken disabled" value="Refresh" data-loading-text="Refreshing" style="float:right; padding: 5px 10px;" disabled="disabled" type="button" />
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- end window-wrapper// -->
			</div>
		</div> 
		<div class="messages-overlay" style="display: none">
			<div class="container-fluid">
			</div>
		</div>
		<ul style="top: 238.5px; left: 447.5px; display: none;" class="typeahead dropdown-menu">
			<li class="" data-value="Connection"><a href="#"><strong>Co</strong>nnection</a></li>
			<li class="" data-value="Content-Length"><a href="#"><strong>Co</strong>ntent-Length</a></li>
			<li class="active" data-value="Content-Type"><a href="#"><strong>Co</strong>ntent-Type</a></li>
			<li class="" data-value="Accept-Encoding"><a href="#">Accept-En<strong>co</strong>ding</a></li>
		</ul>
		<ul style="display: none;" class="typeahead dropdown-menu"></ul>
		<?php
		//echo $this->fetch('content');
		?>
	</body>
</html>
